.main-content {background:#f2f4f4}
.buliding-intro-box {position:relative;z-index:99}
.buliding-intro {min-width:1280px;height:975px;background:url(../images/qy-intro-bg.jpg) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center}
.buliding-intro img {max-width:initial;}
.buliding-intro-content {width:1280px;margin:0 auto}
.buliding-intro-content-mid {padding-top:112px;text-align:center}
.buliding-intro-content-mid-tit {font-size:32px;color:#fff}
.buliding-intro-content-mid-tit p {line-height:48px}
.buliding-intro-content-mid-tet {margin-top:28px;font-size:18px;color:#fff}
.buliding-intro-content-mid-tet p {line-height:40px}
.buliding-intro-content-rig {padding-top:150px;margin-left:730px;max-width:400px;}
.buliding-intro-content-rig h2 {font-size:36px;color:#0265CA;font-weight:normal;}
.buliding-intro-content-rig h3 {width:60px;height:2px;background:#999;margin:15px 0;}
.buliding-intro-content-rig p {margin-top:5px;font-size:18px;color:#333;line-height:30px}
.intro-wrap {min-width:1280px}
.left-spance {width:320px;float:left;height:180px;background:#fff}
.build-warp {width:1280px;margin:0 auto}
.right-spance {width:320px;background:#f2f4f4}
.lef-build {width:640px;z-index:998;overflow:hidden;float:left;position:absolute;bottom:0;}
.lef-build img {width:100%}
.first-lef img {width:100%}
.secound-lef {width:640px;height:413px;background:#fff;}
.secound-lef_text {padding:15% 15% 15% 5%;}
.secound-lef_text h2 {font-size:36px;color:#0265CA;font-weight:normal;}
.secound-lef_text h3 {width:60px;height:2px;background:#999;margin:15px 0;}
.secound-lef_text p {margin-top:5px;font-size:18px;color:#333;line-height:30px}
.secound-lef img {width:100%}
.rig-build {width:640px;overflow:hidden;float:right;margin-top:-380px;}
.rig-build img {width:100%}
.clear_float {clear:both}
.last-adver {width:1280px;margin:0 auto}
.adver-left {width:640px;float:left;overflow:hidden}
.adver-left img {width:100%}
.adver-right {width:640px;float:right;overflow:hidden}
.adver-right_text {padding:15% 15%;}
.adver-right_text h2 {font-size:36px;color:#0265CA;font-weight:normal;}
.adver-right_text h3 {width:60px;height:2px;background:#999;margin:15px 0;}
.adver-right_text p {margin-top:5px;font-size:18px;color:#333;line-height:30px}
.adver-right img {width:100%}
.middle-warrpen {min-width:1280px;margin:0 auto;user-select:none}
.first-wrap {min-width:1280px;overflow:hidden}
.company-mission {width:50%;float:left;height:393px;background:url(../img/static-img/culture01.png) center/contain no-repeat #fff}
.company-mission-bg {float:right;width:50%;height:393px;background:url(../img/static-img/culture02.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:left}
.company-hope-bg {width:50%;float:left;height:409px;background:url(../img/static-img/culture03.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:right}
.company-hope {width:50%;float:right;height:409px;background:url(../img/static-img/culture04.png) center/contain no-repeat #fff;background-size:cover;background-position:left}
.clear_float {clear:both}
.second-warrpen {min-width:1280px;overflow:hidden}
.qy-mind {width:50%;float:left;height:444px;background:url(../img/static-img/culture005.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:right}
.qy-mind006 {width:50%;float:left;height:444px;background:url(../img/static-img/culture05.jpg) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:left}
.qy-mind-bg {width:50%;float:right;height:444px;background:url(../img/static-img/culture06.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:left}
.qy-mind-bg006 {width:50%;float:left;height:444px;background:url(../img/static-img/culture006.jpg) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:right}
.bg-culture {position:relative;min-width:1280px;height:605px;background:url(../img/static-img/bg-cultrue.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:left}
.mission-box {width:100%;height:321px;position:absolute;top:0;right:0}
.mission {width:50%;float:left;height:321px;background:url(../img/static-img/culture07.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:right}
.suit-wrap {width:1280px;margin:auto;background:#fff;margin-bottom:60px;padding-bottom:50px}
.first-choose {text-align:center}
.question-answer {font-size:18px;color:#434343;margin-top:40px}
.question-title {font-size:28px;color:#434343;margin-top:25px}
.question-choose-nav {text-align:center;margin-top:40px}
.question-choose-nav .box {width:210px;overflow:hidden;margin:0 38px;position:relative;display:inline-block}
.question-choose-nav .box .checkbox {position:absolute;left:0;top:0;border:5px solid #0bb78e;width:200px;height:276px;display:none}
.question-choose-nav .box .checkbox .yes {position:absolute;left:0;bottom:0;width:100%;height:46px;line-height:46px;text-align:center;overflow:hidden;color:#fff;font-size:22px;background-color:#0bb78e;background-color:rgba(11,183,142,.8)}
.question-choose-nav .box .img {height:286px;width:100%;overflow:hidden}
.question-choose-nav .box .img img {width:100%}
.question-choose-nav .box .txt {color:#434343;font-size:18px;line-height:70px}
.btn-wrapp {text-align:center;margin-top:40px}
.suit-btn {width:168px;height:48px;line-height:50px;text-align:center;background:#0dad84;border-radius:5px;color:#fff;font-size:18px;margin:0 14px;display:inline-block}
.suit-btn.pre-btn {background-color:#d4d4d4}
.home_wenhua_box {float:left;width:100%;}
.home_wenhua_box ul {margin:0;padding:0;margin-top:85px;}
.home_wenhua_box ul li {width:22%;margin:0;margin-right:3%;border-right:1px solid #ddd;height:80px;float:left;position:relative;overflow:hidden;}
.home_wenhua_box ul li:last-child {border:none;}
.home_wenhua_box ul li img {max-width:100%;}
.home_wenhua_box ul li img.pic {position:absolute;left:0px;top:5px;}
.home_wenhua_box ul li img.ico {position:absolute;right:50px;top:15px;}
.home_wenhua_box ul li h2 {font-size:18px;position:absolute;left:60px;top:5px;margin:0;padding:0;font-weight:normal;}
.home_wenhua_box ul li p {font-size:13px;position:absolute;left:60px;top:30px;color:#969696;margin:0;padding:0;}
.home_wenhua_box ul li a:hover {color:#0265CA;}
@media (max-width:1400px) {.home_wenhua_box ul {margin-top:60px;}
}
@media (max-width:1100px) {.home_wenhua_box ul {margin-top:40px;}
}

@media (max-width:900px) {.home_wenhua_box ul {margin-top:60px;}
}

@media (max-width:820px) {.home_wenhua_box ul {margin-top:40px;}
}


@media (max-width:768px) {.home_wenhua_box ul {margin-top:15px;}
.home_wenhua_box ul li {width:45%;margin:0;margin-right:2.5%;margin-left:2.5%;border-right:none;height:80px;}
.home_wenhua_box ul li img.pic {width:40px;}
.home_wenhua_box ul li h2 {font-size:14px;position:absolute;left:50px;top:5px;margin:0;padding:0;font-weight:normal;}
.home_wenhua_box ul li p {font-size:12px;position:absolute;left:50px;top:30px;color:#969696;margin:0;padding:0;}
}
.n_about_box {clear:both;width:100%;background:url(../images/y_about_bg.png) no-repeat center top #fff;height:615px;}
.about_left_box {float:left;width:46%;max-width:600px;margin-top:30px;margin-left:2%; margin-right:2%;font-size:18px;}
.about_left_box p {font-size:18px;line-height:32px;}
.about_right_box {float:right;margin-left:0;width:50%;max-width:600px;margin-top:10%;}
.about_right_box img {max-width:100%;max-height:600px;overflow:hidden;}
.about_tit {width:100%;clear:both;z-index:3;position:relative;margin-bottom:10px; margin-top:50px;}
.about_tit h2 {color:#4f4f4f;font-size:16px;text-transform:uppercase;font-weight:normal;line-height:30px; position: relative;padding-left: 46px;}
.about_tit h2:before { position: absolute;content: ''; width: 40px; height: 1px;background: #4f4f4f; left: 0;top: 15px;}
.about_tit h4 {font-size:32px;line-height:50px;font-weight:normal; color:#19186d;}
.about_tit .tit_line {width:60px;height:1px;background:#0265CA;position:absolute;left:350px;top:25px;}
.about_left_box {line-height:200%;}
.news_tit {width:100%;clear:both;z-index:3;position:relative;margin-bottom:0px;}
.news_tit h2 {position:absolute;left:0;top:0px;color:#e1e1e1;font-size:48px;text-transform:uppercase;font-weight:normal;line-height:48px;margin:0;padding:0;}
.news_tit h3 {font-size:33px;line-height:47px;padding-left:240px;font-weight:normal;}
.news_tit .tit_line {width:60px;height:1px;background:#0265CA;position:absolute;left:400px;top:25px;}

.about_left_box p strong{ font-size:22px; color:rgb(0, 112, 192);; font-weight:700;}


@media only screen and (max-width:1400px) {

.n_about_box {height:550px;}
.about_left_box {max-width:550px;}
.about_tit {margin-bottom:10px;margin-top:50px;}
.about_tit h2 {font-size:16px;line-height:30px;}
.about_tit h3 {font-size:30px;line-height:40px;}
.about_tit .tit_line {left:300px;top:22px;}
.about_left_box p strong{ font-size:20px; }
.about_tit h2 span {font-size:40px;line-height:40px;}

.about_tit h4 {font-size:22px;line-height:40px;font-weight:normal; color:#19186d;}
}
@media only screen and (max-width:1200px) {.n_about_box {height:450px;}
.about_left_box {margin-right:2%;margin-top:1%;}
.about_right_box {margin-left:2%;max-width:450px;}
.about_right_box img {max-height:450px;}
.about_tit {margin-top:30px;}
.about_left_box {max-width:550px;}
.about_tit {margin-bottom:10px;}
.about_tit h2 {font-size:14px;line-height:35px;}
.about_tit h2 span {font-size:16px;line-height:35px;}
.about_tit h3 {font-size:25px;line-height:35px;}
.about_tit .tit_line {left:250px;top:20px;}
.about_left_box p {font-size:14px;line-height:24px;}
.about_left_box p strong{ font-size:18px; }
.about_tit h4 {font-size:24px;line-height:40px;}
.about_tit h4 {font-size:20px;line-height:35px;font-weight:normal; color:#19186d;}
}


@media only screen and (max-width:1024px) {.n_about_box {height:450px;}
.about_right_box {max-width:400px;}
.about_left_box p strong{ font-size:16px; }
.about_tit h4 {font-size:22px;line-height:36px;}
.about_tit {margin-top:25px;}
.about_tit h2 {font-size:16px;line-height:30px;}
.about_tit h2 span {font-size:30px;line-height:30px;}

}
@media only screen and (max-width:930px) {.about_left_box {max-width:50%;margin-right:0;margin-top:1%;}
.about_right_box {margin-left:0; margin-top:50px; width:46%;max-width:100%;}
.about_tit {margin-top:20px;}
.n_about_box {height:450px;}
.about_tit h2 {font-size:14px;line-height:35px;text-transform:uppercase;}
.about_tit h2 span {font-size:26px;line-height:30px;}
.about_tit h3 {font-size:18px;line-height:35px;}
.about_tit h4 {font-size:20px;line-height:33px;}
.about_tit .tit_line {left: auto; right:5px;top:20px;}


}

@media only screen and (max-width:639px) {
.about_tit h2:before {width:30px; left:0; top: 15px;padding-left:35px;}
.about_left_box p strong{ font-size:15px; color:rgb(0, 112, 192);; font-weight:700;}
.about_right_box {margin-top:10px; }
.n_about_box {height:auto;}

.about_tit h4 {font-size:16px;line-height:26px;font-weight:normal;}
.about_tit {margin-top:5px; padding-left:2%;}
.about_tit .tit_line {left: auto; right:15px;top:30px; width:40px;}
.about_tit h2 {font-size:12px;line-height:30px;width:100%;display: inline-block;position:relative; width: auto;}
.about_tit h2 span {font-size:16px;line-height:30px;font-weight:normal; color:#0781ce;-webkit-text-stroke: 0 #9ed5f8;}
.about_tit h3 {font-size:14px;line-height:20px;width: auto;padding:0; display:inline-block;}
.about_right_box {display:block;clear:both;width:100%;}
.about_right_box {margin-left:5%;max-width:90%;margin-right:5%;}
.about_left_box {line-height:24px;width:100%;padding:0;clear:both;max-width:100%; margin:0;}
.about_left_box p {font-size:13px;margin-left:2%;margin-right:2%;line-height:24px;}
}
.more {width:150px;height:40px;line-height:40px;font-size:15px;color:#ffffff;transition:.5s ease-in-out;text-transform:uppercase;text-align:center;margin-top:20px;}
.more a span {display:block;width:100%;height:100%;transition:.5s ease-in-out;background:#0265CA;color:#ffffff;border-radius:5px;}
.more a:hover {color:#fff;background:#333;transition:.5s ease-in-out;}
.more a:hover span {background:#333;border-color:#fff;color:#fff;}
@media only screen and (max-width:1100px) {.more {width:130px;height:35px;line-height:35px;font-size:14px;margin-top:15px;}
}
@media only screen and (max-width:639px) {.more {width:110px;height:30px;line-height:30px;font-size:13px;color:#ffffff;transition:.5s ease-in-out;text-transform:uppercase;text-align:center;margin-top:10px;margin-left:2%;}
}
.course {width:100%;color:#fff;position:relative;z-index:5;margin-top:10px;}
.course ._w1400 {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.course .content {margin-bottom:0px;overflow:hidden;}
.course .content .viewbox {display:inline-block;width:25%;float:left;position:relative;text-align:center;}
.course .content .viewbox::after {width:1px;height:50%;position:absolute;right:0;top:25%;background:rgba(122,122,122,1);content:'';}
.course .content .viewbox:last-child::after {background:none;}
.course .content .viewbox p {margin:0;padding-top:5px;color:#363636;font-size:15px;}
.course .content .viewbox p:nth-child(1) span {font-size:48px;font-family:montserrat;}
.course .content .viewbox p:nth-child(2) {font-size:14px;opacity:1;}
@media screen and (max-width:1400px) {.course .content .viewbox p:nth-child(1) span {font-size:40px;}
}
@media screen and (max-width:1100px) {.course .content .viewbox p:nth-child(1) span {font-size:35px;}
.course .content .viewbox p {font-size:14px;}
}
.courseA {width:170px;height:45px;border:1px solid #333;border-radius:30px;margin-left:260px;margin-top:65px;color:#333;line-height:45px;position:relative;}
.courseA::after {content:'';width:30px;height:30px;background:#fff;border-radius:50%;position:absolute;right:7px;top:7px;}
.courseA::before {content:'';width:20px;height:20px;background:url("../images/lansanjiao.png") no-repeat;position:absolute;right:10px;top:12px;z-index:2;}
.courseA a {display:block;width:100%;height:100%;padding-left:20px;}
@media screen and (max-width:768px) {.course .content .viewbox {width:50%;}
.course .content .viewbox p:nth-child(1) span {font-size:24px;}
.course .content .viewbox p:nth-child(2) {font-size:14px;}
.course .content .viewbox p {margin:0;padding-top:2px;font-size:14px;}
.course .content .viewbox::after {display:none;}
}
@media screen and (max-width:639px) {.course .content .viewbox {width:50%;}
.course .content .viewbox p:nth-child(1) span {font-size:20px;}
.course .content .viewbox p:nth-child(2) {font-size:12px;}
.course .content .viewbox p {margin:0;padding-top:2px;font-size:12px;}
.course .content .viewbox::after {display:none;}
}


.news_box {clear:both;width:100%;padding:30px 0px;background:#f1f1f1;}
@media screen and (max-width:1400px) {.news_box {padding:20px 0px;}
}
@media screen and (max-width:1100px) {.news_box {padding:10px 0px;}
}
@media screen and (max-width:768px) {.news_box {padding:5px 0px;background:#fff;}
}
/*µ×²¿Ô²È¦·¢¹â*/ .map-imgwrapper {display:inline-block;*display:inline;*zoom:1;position:relative;vertical-align:top}
.map-imgwrapper .point-area {position:absolute;width:150px;height:150px;visibility:visible;opacity:1}
.map-imgwrapper .point-area .dot10,.map-imgwrapper .point-area .dot20,.map-imgwrapper .point-area .dot40 {position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;border-radius:50%}
.map-imgwrapper .point3 {top:315px;left:225px}
.map-imgwrapper .point3 .dot10:after {animation:ripple 4s ease-out 2.7s infinite}
.map-imgwrapper .point3 .dot10:after,.map-imgwrapper .point3 .dot20:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #fff;opacity:0}
.map-imgwrapper .point3 .dot20:after {animation:ripple 4s ease-out 3.6s infinite}
.map-imgwrapper .point3 .dot40:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #fff;opacity:0;animation:ripple 4s ease-out 4.5s infinite}
.map-imgwrapper .point2 {top:170px;left:690px}
.map-imgwrapper .point2 .dot10:after {animation:ripple 4s ease-out 2.7s infinite}
.map-imgwrapper .point2 .dot10:after,.map-imgwrapper .point3 .dot20:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #fff;opacity:0}
.map-imgwrapper .point2 .dot20:after {animation:ripple 4s ease-out 3.6s infinite}
.map-imgwrapper .point2 .dot40:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #fff;opacity:0;animation:ripple 4s ease-out 4.5s infinite}
.map-imgwrapper .point1 {top:245px;right:255px}
.map-imgwrapper .point1 .dot10:after {animation:ripple 4s ease-out 2.7s infinite}
.map-imgwrapper .point1 .dot10:after,.map-imgwrapper .point3 .dot20:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #fff;opacity:0}
.map-imgwrapper .point1 .dot20:after {animation:ripple 4s ease-out 3.6s infinite}
.map-imgwrapper .point1 .dot40:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #fff;opacity:0;animation:ripple 4s ease-out 4.5s infinite}
.map-imgwrapper .point0 {top:164px;left:507px}
.map-imgwrapper .point0 .dot10:after {animation:ripple 4s ease-out 2.7s infinite}
.map-imgwrapper .point0 .dot10:after,.map-imgwrapper .point0 .dot20:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #fff;opacity:0}
.map-imgwrapper .point0 .dot20:after {animation:ripple 4s ease-out 3.6s infinite}
.map-imgwrapper .point0 .dot40:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #fff;opacity:0;animation:ripple 4s ease-out 4.5s infinite}
.map-img {width:100%;}
@keyframes ripple {0% {opacity:0;transform:scale(.1)}
5% {opacity:1}
to {opacity:0;transform:scale(1)}
/*animate*/@keyframes rightOpacityShow {0% {transform:translateX(-80px);opacity:0;}
80% {transform:translateX(20px);}
100% {transform:translateX(0);opacity:1;}
}
@-moz-keyframes rotateYOpacityAn {0% {-moz-transform:translateX(-80px);opacity:0;}
80% {-moz-transform:translateX(20px);}
100% {-moz-transform:translateX(0);opacity:1;}
}
@-webkit-keyframes rotateYOpacityAn {0% {-webkit-transform:translateX(-80px);opacity:0;}
80% {-webkit-transform:translateX(20px);}
100% {-webkit-transform:translateX(0);opacity:1;}
}
@-o-keyframes rotateYOpacityAn {0% {-o-transform:translateX(-80px);opacity:0;}
80% {-o-transform:translateX(20px);}
100% {-o-transform:translateX(0);opacity:1;}
}